@import 'variables';

choose-calendar {

  .main {
    position: relative;
    z-index: 2;
    background-color: #fff;
    min-height: pxTorem(240);
    .title {
      color: color(c2);
      font-size: standard($f, f4);
      line-height: 1.1;
      padding: pxTorem(30) 0 pxTorem(26) pxTorem(24);
    }
    .date-btn-wrap {
      padding: 0 pxTorem(24);
      margin-bottom: pxTorem(30);
      .each {
        margin-top: pxTorem(30);
        width: pxTorem(170);
        height: pxTorem(70);
        line-height: pxTorem(70);
        text-align: center;
        border-radius: 4px;
        background-color: color(c9);
        color: color(c2);
        font-size: standard($f, f4);
        &.active {
          background-color: color(c1);
          color: color(c10);
        }
      }
    }
    .custom-btn-wrap {
      padding-bottom: pxTorem(40);
      .custom-btn {
        margin: 0 pxTorem(24);
        background-color: color(c9);
        color: color(c2);
        font-size: standard($f, f4);
        height: pxTorem(70);
        line-height: pxTorem(70);
        text-align: center;
      }
    }
  }
  .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
